<template>
  <!-- <Home2> -->
  <!-- <Home/> -->
  <!-- <Reg/> -->
  <div class="app">
    <router-view></router-view>
  </div>
</template>

<script>
// import Home2 from "./pages/Home2"
import Home from "./pages/Home";
// import Reg from "./pages/Reg"
import "./assets/css/animate.css";

export default {
  name: "App",
  components: {
    Home,
    // Reg
    // Home2
  },
  //  computed:{
  //   isShow:function(){
  //     return this.$store.state.isLoading
  //   }
  // }
};
</script>

<style scoped>
.box {
  width: 100%;
  height: 100%;
}

.search {
  position: fixed;
  top: 0;
  left: 0;
}

.content-box {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}

.books {
  margin-top: 0.1rem;
}

.myFooter {
  position: fixed;
  bottom: 0;
  left: 0;
}

.loading {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
</style>
